<!DOCTYPE html>
<html lang="en">
{% load staticfiles %}
<head>
    <meta charset="UTF-8">
    <title>酒店</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
            integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
            crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/list.css' %}">
    <link rel="stylesheet" href="{% static 'css/mycss-footer.css' %}">
    <link rel="stylesheet" href="{% static 'css/mycss-TX.css' %}">
    <link rel="stylesheet" href="{% static 'css/mycss-JD.css' %}">
    <script src="{% static 'js/myjs-four.js' %}"></script>

</head>
<body>
<div class="listtop">
    <h1>
        <a href="index.html" class="slogan">
            <img src="{% static 'images/logo.png' %}">
        </a>
    </h1>
    <ul class="menu-into">
        <li><a href="{% url 'index:mjindex' %}" title="首页">首页</a></li>
        <li><a href="{% url 'wedding:theme' %}" title="主题婚礼">主题婚礼</a></li>
        <li><a href="{% url 'hotel:my_JD' %}" title="酒店" style="color:#ff3344">酒店</a></li>
        <li><a href="{% url 'weddingdress:mj_weddingdress' %}" title="婚纱">婚纱</a></li>

        <!--        <li class="current"><a href="mj_AL.html" title="案例">案例</a></li>-->
        <!--        <li><a href="https://www.mijwed.com/joinus/" title="加盟蜜匠">加盟蜜匠</a></li>-->

    </ul>
</div>
<div style="background-color:rgba(153,153,153,0.25); height:1px"></div>
<div class="pc-hotel-main">
    <div class="conditions">

        <div class="conditionItem">
            <p class="itemTitle">
                酒店类型
            </p>
            <ul>
                <li>
                    <a href="#">
                        <span class="terms spanactive" title="长沙婚宴酒店">
                            不限
                        </span>
                        <span class="checkbox active"></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙五星级婚宴酒店">
                            五星级
                        </span>
                        <span class="checkbox"></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙四星级婚宴酒店">
                            四星级
                        </span>
                        <span class="checkbox "></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙三星级婚宴酒店">
                            三星级
                        </span>
                        <span class="checkbox "></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙特色餐厅婚宴酒店">
                            特色餐厅
                        </span>
                        <span class="checkbox "></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙婚礼会所婚宴酒店">
                            婚礼会所
                        </span>
                        <span class="checkbox "></span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="conditionItem">
            <p class="itemTitle">
                容纳桌数
            </p>
            <ul>
                <li>
                    <a href="#">
                        <span class="terms spanactive" title="长沙婚宴酒店">不限</span>
                        <span class="checkbox active"></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙10桌以下婚宴酒店">10桌以下</span>
                        <span class="checkbox "></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙10-20桌婚宴酒店">10-20桌</span>
                        <span class="checkbox"></span>
                    </a>
                </li>
                <li>

                    <a href="#">
                        <span class="terms" title="长沙20-30桌婚宴酒店">20-30桌</span>
                        <span class="checkbox"></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙30-40桌婚宴酒店">30-40桌</span>
                        <span class="checkbox"></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙40桌以上婚宴酒店">40桌以上</span>
                        <span class="checkbox"></span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="conditionItem">
            <p class="itemTitle">
                价格范围
            </p>
            <ul>
                <li>
                    <a href="#">
                        <span class="terms spanactive" title="长沙婚宴酒店">不限</span>
                        <span class="checkbox active"></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙1000元以下婚宴酒店">1000元以下</span>
                        <span class="checkbox"></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙1000-2000婚宴酒店">1000-2000</span>
                        <span class="checkbox"></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙2000-3000婚宴酒店">2000-3000</span>
                        <span class="checkbox"></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="terms" title="长沙3000元以上婚宴酒店">3000元以上</span>
                        <span class="checkbox "></span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="shaixuan">
            <div class="fuhe">
                <span>共为您找到327家酒店</span>
            </div>
        </div>
        <div class="trueterms"></div>
    </div>
    <div class="hotel-main">
        <div class="pofixed">
            <ul class="condition-list">
                <li class="liactive">
                    <a href="#">全部宴会酒店</a>
                </li>
                <li>
                    <a href="#">价格升序</a>
                    <img src="{% static 'images/JD/home-img4.png' %}">
                </li>
                <li>
                    <a href="#">价格降序</a>
                    <img src="{% static 'images/JD/home-img3.png' %}">
                </li>
                <li>
                    <a href="#">桌数升序</a>
                    <img src="{% static 'images/JD/home-img4.png' %}">
                </li>
                <li>
                    <a href="#">桌数降序</a>
                    <img src="{% static 'images/JD/home-img3.png' %}">
                </li>
            </ul>
            <div class="right-content">
                <img data-original="{% static 'images/JD/new-home-img2.png' %}" alt="" class="lazy yunqu-kefu">
                <a href="https://www.mijwed.com/cs/hotel-queryHtMap.html" target="_blank">
                    <img data-original="{% static 'images/JD/home-img7.png' %}"
                         class="seachHotel lazy">
                </a>
                <a href="https://www.mijwed.com/app-download.html" target="_blank">
                    <img data-original="{% static 'images/five-app.jpg' %}"
                         class="adv lazy">
                </a>
                <a href="https://www.mijwed.com/activity/wedding-w20201111.html" target="_blank">
                    <img data-original="{% static 'images/JD/jdtj.jpg' %}"
                         class="adv lazy">
                </a>
            </div>
        </div>
        <!-- 右侧酒店 -->
        <div class="left-content left-content1">
            <!-- 酒店列表 -->
            {% for jdlist in jd_list %}
                <div class="hotelItem hotel0901-new">
                    <a href="{% url 'hotel:JD_hotel' %}" target="_blank" title="{{ jdlist.hotel }}婚宴预订">
                        <div class="no-identification-pic">
                            <img src="{% static 'images/JD/JDRZ.png' %}"
                                 class="new-pic-icon" alt="蜜匠认证">
                            <img data-original="{{ jdlist.image.url }}"
                                 src="{% static 'images/loading.jpg' %}"
                                 alt="{{ jdlist.hotel }}婚宴预订" class="itemImg lazy">
                        </div>
                        <div class="hotelContent">
                            <div class="row1">
                                <div class="hotelName" title="婚宴预订">
                                    <div class="hoteldiv">
                                        <span class="hotel-name">{{ jdlist.hotel }}</span>
                                        <!-- hot -->
                                        <img src="{% static 'images/hot.png' %}"
                                             class="new-icon" alt="hot">
                                        <!-- recommend -->
                                        <img src="{% static 'images/recommend.png' %}"
                                             class="new-icon" alt="recommend">
                                    </div>
                                </div>

                                <span class="manyidu">
                                很满意<br>
                                <span class="pingjia">24评价</span>
                            </span>
                            </div>
                            <p class="row3">{{ jdlist.star }}</p>
                            <p class="row4">宴会厅{{ jdlist.yht }}个 最多容纳{{ jdlist.table }}桌 客房数{{ jdlist.home }}间</p>
                            <p class="row5">
                                <span class="paihangbang">{{ jdlist.td_one }}</span>
                                <span class="paihangbang">{{ jdlist.td_two }}</span>
                                <span class="paihangbang">{{ jdlist.td_three }}</span>
                                <span class="paihangbang">{{ jdlist.td_four }}</span>
                            </p>
                            <p class="row7">
                            <span class="price">
                                ￥{{ jdlist.price }}
                                <i>起</i>
                            </span>
                                <span class="xiangqing xq-style">查看详情</span>
                            </p>
                        </div>
                    </a>
                </div>
            {% endfor %}

        </div>
    </div>
</div>
<div class="ye" style="float: left; width: 1200px;">
    <!-- 分页 -->

    {% if data %}
        <ul id="pages" class="pagination pagination-sm pagination-xs">
            {% if data.first %}
                <li><a href="?page=1">1</a></li>
            {% endif %}
            {% if data.left %}
                {% if data.left.left_has_more %}
                    <li><span>...</span></li>
                {% endif %}
                {% for i in data.left %}
                    <li><a href="?page={{ i }}">{{ i }}</a></li>
                {% endfor %}
            {% endif %}
            <li class="active"><a href="?page={{ data.page }}">{{ data.page }}</a></li>
            {% if data.right %}
                {% for i in data.right %}
                    <li><a href="?page={{ i }}">{{ i }}</a></li>
                {% endfor %}
                {% if data.right_has_more %}
                    <li><span>...</span></li>
                {% endif %}
            {% endif %}
            {% if data.last %}
                <li><a href="?page={{ data.total_pages }}">{{ data.total_pages }}</a></li>
            {% endif %}
        </ul>
    {% endif %}


</div>
<!--尾部-->
<div class="afooter">
    <div class="">
        <ul class="into-list">
            <li>
                <span class="title">蜜匠婚礼</span>
                <a href="{% url 'wedding:theme' %}" target="_blank" class="more-base"
                   data-title="主题婚礼"
                   title="主题婚礼">
                    <span><span>主题婚礼</span></span>
                </a><br/>
                <a href="{% url 'wedding:al' %}" target="_blank" class="more-base" data-title="案例陈列室"
                   title="案例陈列室"
                >
                    <span><span>案例陈列室</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/brand/" target="_blank" rel="nofollow" class="more-base"
                   data-title="品牌理念"
                   title="品牌理念">
                    <span><span>品牌理念</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/explore/" target="_blank" rel="nofollow" class="more-base"
                   data-title="设计揭秘"
                   title="设计揭秘">
                    <span><span>设计揭秘</span></span>
                </a><br/>
                <a href="{% url 'dynamic:mj_DT' %}" target="_blank" rel="nofollow" class="more-base"
                   data-title="蜜匠动态"
                   title="蜜匠动态">
                    <span><span>蜜匠动态</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/stores/" target="_blank" rel="nofollow" class="more-base"
                   data-title="城市体验馆"
                   title="城市体验馆">
                    <span><span>城市体验馆</span></span>
                </a><br/>
            </li>
            <li>
                <span class="title">优选商家</span>
                <a href="https://www.mijwed.com/cs/hotel/" target="_blank" class="more-base"
                   data-title="长沙婚宴酒店" title="长沙婚宴酒店">
                    <span><span>长沙婚宴酒店</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/cs/car/" target="_blank" class="more-base"
                   data-title="长沙婚车预订" title="长沙婚车预订">
                    <span><span>长沙婚车预订</span></span>
                </a><br/>

            </li>
            <li>
                <span class="title">百科攻略</span>
                <a href="https://www.mijwed.com/cs/wiki/" target="_blank" class="more-base" data-title="本地百科"
                   title="本地百科">
                    <span><span>本地百科</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/baike/" target="_blank" class="more-base" data-title="婚礼攻略"
                   title="婚礼攻略">
                    <span><span>婚礼攻略</span></span>
                </a><br/>
                <!-- <a href="#" target="_blank" class="more-base" data-title="新人说" title="新人说">
                    <span><span>新人说</span></span>
                </a><br/>
                <a href="#" target="_blank" class="more-base" data-title="问答" title="问答">
                    <span><span>问答</span></span>
                </a><br/> -->
            </li>
            <li>
                <span class="title">备婚工具</span>
                <a href="https://www.mijwed.com/tools-invitation.html" target="_blank" class="more-base"
                   data-title="电子请帖"
                   title="电子请帖">
                    <span><span>电子请帖</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/tools-luckyDays.html" target="_blank" class="more-base"
                   data-title="结婚吉日"
                   title="结婚吉日">
                    <span><span>结婚吉日</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/tools-registry.html" target="_blank" class="more-base" data-title="婚姻登记"
                   title="婚姻登记">
                    <span><span>婚姻登记</span></span>
                </a><br/>
                <!-- <a href="#" target="_blank" class="more-base" data-title="电子相册" title="电子相册">
                    <span><span>电子相册</span></span>
                </a><br/> -->
            </li>
            <li>
                <span class="title">商务合作</span>
                <a href="https://www.mijwed.com/joinus/" target="_blank" class="more-base" data-title="加盟蜜匠"
                   title="加盟蜜匠">
                    <span><span>加盟蜜匠</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/passport-business.html" target="_blank" rel="nofollow" class="more-base"
                   data-title="商户入驻" title="商户入驻">
                    <span><span>商户入驻</span></span>
                </a><br/><br/><br/>
                <span class="title">关于我们</span>
                <a href="https://www.mijwed.com/aboutus/" target="_blank" rel="nofollow" class="more-base"
                   data-title="公司简介"
                   title="公司简介">
                    <span><span>公司简介</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/contactus/" target="_blank" rel="nofollow" class="more-base"
                   data-title="联系我们"
                   title="联系我们">
                    <span><span>联系我们</span></span>
                </a>
            </li>
        </ul>
        <ul class="into-atlas">
            <li>
                <img data-original="https://files.mijwed.com/wed/template/footer/platform/t-sina.png" alt="蜜匠婚礼APP"
                     class="pic lazy">
                <span class="text">蜜匠婚礼APP</span>
            </li>
            <li>
                <img data-original="https://files.mijwed.com/uf/20201117/lz79x4xw1j1605595265000.png" alt="蜜匠婚礼APP"
                     class="pic lazy">
                <span class="text">微信公众号</span>
            </li>
        </ul>
        <div class="service-tel">
            <p class="text">24小时服务热线</p>
            <a tel="400-099-2169" class="tel">400-099-2169</a>
            <span class="btn btn-pay" onclick="kfBox()">在线客服</span>
        </div>
        <div class="footer-msg">
            <div class="copyright-text rt">
                Copyright © 2020 <a target="_blank" href="https://www.mijwed.com/cs" title="蜜匠婚礼">mijwed.com</a>
                <a>京ICP备17029003号-1</a>
            </div>
            <a target="_blank" rel="nofollow" href="https://www.mijwed.com/privacy/" title="隐私保护">隐私保护|</a>
            <a target="_blank" rel="nofollow" href="https://www.mijwed.com/policy/" title="免责声明">免责声明</a>
        </div>
    </div>

</div>
<!--返回顶部特效-->
<button onclick="topFunction()" id="myBtn" title="回顶部">返回 <br>顶部</button>
</body>
</html>

<!--！！！jQuery Lazy Load 图片延迟加载-->
<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/jquery.lazyload.min.js' %}"></script>
<script>
    $(document).ready(function () {
        $("img.lazy").lazyload({
            threshold: 20,
            placeholder: "{% static 'images/loading.jpg' %}",
        });
    });
</script>
